const db = wx.cloud.database()
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showrubbion:false,
    cameraList:'',
    res:'',
    show:true,
    result_list:[],
    dict_list:[],
    image_src:'',
    rubbion_name:''
  },
  search(e){
    let {value} = e.detail
    this.setData({
      res:value
    })
    if(value == ''){
      this.setData({
        result_list:[],
        show:true
      })
      return;
    }
    this.basetop(value)
  },
  search_sound(){
    let value = this.data.res
    console.log(value)
    wx.showLoading({
      title: '加载中',
    })
    this.basetop(value)
  },
  basetop(value){
    wx.showLoading({
      title: '加载中',
    })
    db.collection('rubbion_list').where({
      name:db.RegExp({
        regexp: value,
        options:'i'
      })
    }).get().then(res=>{
      console.log(res)
      if(res.data == ''){
        console.log("输入错误")
        this.setData({show:true})
      }
      this.setData({
        result_list:res.data,
        show:false
      })
      wx.hideLoading()
    })
  },
  //弹出效果
  Popup(e){
    
    console.log(e.currentTarget.dataset)
    let {name} = e.currentTarget.dataset
    let {rubbish} = e.currentTarget.dataset
    
    let obj = this.data.dict_list.find(v => v.list_name == rubbish)
    console.log(obj.image_src)
    this.setData({
      showrubbion:true,
      image_src:obj.image_src,
      rubbion_name:name
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    db.collection('dict').get()
    .then(res=>{
      that.setData({
        dict_list:res.data
      })
    })
    let res = app.globalData.res
    console.log(res)
    this.setData({
      res
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})